﻿ <!DOCTYPE html>
 <html xmlns='http://www.w3.org/1999/xhtml'> 
 <head> 
 <title>WIZ550web Get/Set Functions Testpage</title>  
 <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> 
 <meta http-equiv='pragma' content='no-cache' /> 
 <meta http-equiv='content-type' content='no-cache, must-revalidate' />  
 <style> 
 body{background-color:transparent;} 
 body,h3,p,div{margin:0;padding:0;font: normal 14px 'omnes-pro', Helvetica, Arial, sans-serif;} 
 #header {
	position: relative;	
	margin: auto;
 }
 #header a {
	margin-left: 30px;						
 }
 #header h1 {	
	vertical-align: middle;	
	font-size: 42px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	margin-left: 30px;
	text-align: left;
 } 
 #header h2 {	
	vertical-align: middle;	
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	margin-left: 30px;
	text-align: left;
 } 
 .usual { 
	 background:transparent; 
	 color:#111;	 
	 padding:15px 20px; 
	 width:auto; 	 
	 margin:8px auto; 
 } 
 .usual li {list-style:none; float:left;}
 .usual ul a { 
	 display:block; 
	 padding:6px 10px; 
	 text-decoration:none!important; 
	 margin:1px; 
	 margin-left:0; 	 
	 font-weight:bold; 
	 color:#FFF; 
	 background:#aaa;	 
 } 
 .usual div{ 
	 padding: 10px 10px 10px 10px; 
	 *padding-top:3px; 	 
	 *margin-top:15px;
	 clear:left; 	 
	 background:#EEF3FF;	 
 } 
 .ipt label{float:left;padding-top:3px;text-align:left;width:130px;}
 .usual h3{margin-top:10px;margin-left:10px;font-size:24px;text-decoration:none;font-weight:bold;color:blue;}
 .usual p{margin-top:0;margin-bottom:10px;}
 .usual label{margin-left:10px;}
 .red{color:red} 
 .analog{margin-top:2px;margin-right:10px;border:1px solid #ccc;height:20px;width:500px;display:block;} 
 .ain{width:0%;height:100%;text-align:center;background:red;float:left;display:block;}   
 .info div{margin:0 auto;text-align:left;display:table-cell;vertical-align:middle;background:#FFE4E1;}
  /* CSS for Buttons */
.btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px; 
	color: #ffffff;	
	font-size: 13px;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}

.btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	cursor: pointer;
	text-decoration: none;
}
 </style> 
 <script> 
 /* basis */
 function AJAX(url, callback)
 { 
	 var req = AJAX_init(); 
	 req.onreadystatechange = AJAX_processRequest; 
	 
	 function AJAX_init() { 
		 if (window.XMLHttpRequest) { 
		 	return new XMLHttpRequest(); 
		 } else if (window.ActiveXObject) { 
		 	return new ActiveXObject('Microsoft.XMLHTTP'); 
		 } 
	 };	  
	 function AJAX_processRequest() { 
		 if(req.readyState == 4) { 
		 	if(req.status == 200) { 
		 	if(callback) 
		 		callback(req.responseText); 
		 	} 
		 } 
	 }; 	 
	 this.doGet = function() { 
		 req.open('GET', url, true); 
		 req.send(null); 
	 };	  
	 this.doPost = function(body) { 
		 req.open('POST', url, true); 
		 req.setRequestHeader('Content-Type', 
		 'application/x-www-form-urlencoded'); 
		 req.setRequestHeader('ISAJAX','yes'); 
		 req.send(body); 
	 }; 
 }; 
 function $(id){return document.getElementById(id);}  
 function $$(id){return document.getElementsByName(id);}  
 function $$_ie(tag, name){ 
	 if(!tag){tag='*';}	  
	 var elems=document.getElementsByTagName(tag); 
	 var res=[]; 
	 for(var i=0;i<elems.length;i++){ 
		 att=elems[i].getAttribute('name'); 
		 if(att==name){ 
		 	res.push(elems[i]); 
		 } 
	 } 
	 return res; 
 }  
 function selset(id,val){
 	var o=$(id);
 	for(var i=0;i<o.options.length;i++){
 		if(i==val){
 			o.options[i].selected=true;
 			break;
 		}
 	}
 }  
 function selset_name(name, val){
 	var o=$$(name);
 	for(var i=0;i<o.options.length;i++){
 		if(i==val){
 			o.options[i].selected=true;
 			break;
 		}
 	}
 } 
/* Get: Devinfo */
/* function DevinfoCallback(), getDevinfo() */
 function DevinfoCallback(o){ 	 
	 $('txtFwver').value=o.fwver;
	 $('txtDname').value=o.devname;
	 $('txtPcode').value=o.pcode; 
	 $('txtMac').value=o.mac;	
 }  
 function getDevinfo(){ 
	 var oUpdate; 
	 setTimeout(function(){
	 	oUpdate=new AJAX('get_devinfo.cgi',function(t){
	 		try{eval(t);}catch(e){alert(e);}
	 });	 	 
	 oUpdate.doGet();},300);	 
 } 
 
 /* Get: Netinfo */
 /* function NetinfoCallback(), getNetinfo(), netinfo_block() */
 var dhcp_enabled = 0; 
 function NetinfoCallback(o){
 	 $('txtIp').value=o.ip;	 
	 $('txtGw').value=o.gw;
	 $('txtSub').value=o.sub;
	 $('txtDns').value=o.dns; 	 
	 if(typeof(window.external)!='undefined'){
	 	obj=$$_ie('input','dhcp');
	 }else{
	 	obj=$$('dhcp');
	 }
	 for(var i=0; i<obj.length;i++){
	 	if(i==o.dhcp){
	 		obj[i].checked=true;
	 		netinfo_block(i);	 		
	 		break;
	 	}
	 }	
 } 
 function getNetinfo(){ 
	 var oUpdate; 
	 setTimeout(function(){
	 	oUpdate=new AJAX('get_netinfo.cgi',function(t){
	 		try{eval(t);}catch(e){alert(e);}
	 });	 	 
	 oUpdate.doGet();},300);	 
 }  
 function netinfo_block(o){
 	if(o == 1) { 	// Using DHCP setting, Netinfo inputbox blocked
		// Input field disabled
		$('txtIp').disabled=true;	 
		$('txtGw').disabled=true;
		$('txtSub').disabled=true;
		$('txtDns').disabled=true;
		dhcp_enabled = 1;
 	} else {		// Static setting, Netinfo inputbox unblocked
 		$('txtIp').disabled=false;	 
		$('txtGw').disabled=false;
		$('txtSub').disabled=false;
		$('txtDns').disabled=false;
		dhcp_enabled = 0;
 	} 	
 }
 
 /* Get: Uartinfo */
 /* function UartinfoCallback(), getUart0info() */
 function UartinfoCallback(o){
 	 if(o.uart == '0'){
	 	 selset('selBaud1',o.baud);
		 selset('selDb1',o.databit);
		 selset('selParity1',o.parity);
		 selset('selStop1',o.stopbit);
		 selset('selFlow1',o.flow);
	}else if(o.uart == '1'){
	 	 selset('selBaud2',o.baud);
		 selset('selDb2',o.databit);
		 selset('selParity2',o.parity);
		 selset('selStop2',o.stopbit);
		 selset('selFlow2',o.flow);
	}
 } 
 function getUart0info(){ 
	 var oUpdate; 
	 setTimeout(function(){
	 	oUpdate=new AJAX('get_uart0info.cgi',function(t){
	 		try{eval(t);}catch(e){alert(e);}
	 });	 	 
	 oUpdate.doGet();},300);	 
 } 
 
 /* Get: Digital I/O */
 /* function DioCallback(), getDio() */
 
 // Extended parts for Pin status display on webpages	
	var strNotUsed = 'NotUsed';
	var strInput = 'Input / ';
	var strOutput = 'Output / ';
	var strLow = 'Low';
	var strHigh = 'High';
	  
 function DioCallback(o){
 	var pin = o.dio_p; 	
 	$('txtdio_s'+pin).value=o.dio_s;	 
	$('txtdio_d'+pin).value=o.dio_d;
	$('txtdio_a'+pin).value=o.dio_a;
	
	// Extended parts for Pin status text display on webpage
	var strPinInfo;		
	if(o.dio_d == 0){
		strPinInfo=strNotUsed;		
	}else{
		if(o.dio_d == 1) strPinInfo=strInput;
		else strPinInfo=strOutput;		
		if(o.dio_s == 0) strPinInfo=strPinInfo+strLow;
		else strPinInfo=strPinInfo+strHigh;
	}	
	$('txtd_info'+pin).value=strPinInfo;
	// End of extended parts
 }  
 function getDio(o) {
 	var p=o.attributes['pin'].value;
 	var oUpdate; 
	 setTimeout(function(){
	 	oUpdate=new AJAX('get_dio'+p+'.cgi',function(t){
	 		try{eval(t);}catch(e){alert(e);}
	 });	 	 
	 oUpdate.doGet();},300);
 }
 
 /* Get: Analog Input */
 /* function AinCallback(), getAin(), AinDrawgraph() */
 function AinCallback(o){
 	var pin = o.ain_p; 	
 	$('txtain_v'+pin).value=o.ain_v;
 	 	
    AinDrawgraph(o);
 } 
 function getAin(o) {
 	var p=o.attributes['pin'].value;
 	var oUpdate; 
	 setTimeout(function(){
	 	oUpdate=new AJAX('get_ain'+p+'.cgi',function(t){
	 		try{eval(t);}catch(e){alert(e);}
	 });	 	 
	 oUpdate.doGet();},300);
 }
 function AinDrawgraph(o){
 	var pin = o.ain_p;
 	var val = o.ain_v; 	
 	$('ain_v'+pin).style.width=val*500/4095+'px';
 }
 
 /* Set: Devinfo - devname only */
 function setDevinfo(){
 	var str = $('txtDname').value;
 	setTimeout(function(){ 		 
		 dout=new AJAX('set_devinfo.cgi', function(t){ 
		 	try{eval(t);}catch(e){alert(e);} 
		 }); 
		 dout.doPost('devname='+str); 		 
	},300);
 }
 
 /* Set: Netinfo - 1 param; ip, gw, sub, dns, dhcp */
 function setNetinfo(o){
	var param = o.attributes['param'].value;
	var str;
	var set_enable = 1;
	
 	if(dhcp_enabled == 0){ 	// static
	 	if(param == 'ip'){str = $('txtIp').value;}
	 	else if(param == 'gw'){str = $('txtGw').value;}
	 	else if(param == 'sub'){str = $('txtSub').value;}
	 	else if(param == 'dns'){str = $('txtDns').value;}
	 	else if(param == 'dhcp'){str = 0;}
	 	else {set_enable = 0;}	 	
	}else{ 					// dhcp
		if(param == 'dhcp'){str = 1;}
		else {set_enable = 0;}
	}	
	
	if(set_enable != 0){ 	 
	 	setTimeout(function(){ 		 
			 dout=new AJAX('set_netinfo.cgi', function(t){ 
			 	try{eval(t);}catch(e){alert(e);} 
			 }); 
			 dout.doPost(param+'='+str); 		 
		},300);
	}
 }
 
 /* Set: Uartinfo - whole UART params; baud, databit, parity, stopbit, flow */
 function setUartinfo(o){
	var param = o.attributes['param'].value;
	var uart_sel;
	var uart_port;

	if(param == 'uart0'){uart_sel=1;}
	else if(param == 'uart1'){uart_sel=2;}
	else {uart_sel=1;}	
	
	uart_port = uart_sel-1;
	
	var baud_v=$('selBaud'+uart_sel).value;
	var databit_v=$('selDb'+uart_sel).value;
	var parity_v=$('selParity'+uart_sel).value;
	var stopbit_v=$('selStop'+uart_sel).value;
	var flow_v=$('selFlow'+uart_sel).value;
	
	setTimeout(function(){ 		 
	 dout=new AJAX('set_uart'+uart_port+'info.cgi', function(t){ 
	 	try{eval(t);}catch(e){alert(e);} 
	 }); 
	 dout.doPost('baud='+baud_v+'&databit='+databit_v+'&parity='+parity_v+'&stopbit='+stopbit_v+'&flow='+flow_v);
	},300);
 }
 
 /* Set: Digital I/O state */
 function setDiostate(o){
 	 var p=o.attributes['pin'].value;
 	 var v=$('txtdio_s'+p).value;
 	 setTimeout(function(){ 		 
		 dout=new AJAX('set_diostate.cgi', function(t){ 
		 	try{eval(t);}catch(e){alert(e);} 
		 }); 
		 dout.doPost('pin='+p+'&val='+v); 		 
	 },300);	 
 }
  
 /* Set: Digital I/O direction */
 function setDiodir(o){
 	 var p=o.attributes['pin'].value;
 	 var v=$('txtdio_d'+p).value;
 	 setTimeout(function(){ 		 
		 dout=new AJAX('set_diodir.cgi', function(t){ 
		 	try{eval(t);}catch(e){alert(e);} 
		 }); 
		 dout.doPost('pin='+p+'&val='+v); 		 
	 },300);	 
 }
 
 /* Set: Digital I/O alias */
 function setDioalias(o){
 	 var p=o.attributes['pin'].value;
 	 var str=$('txtdio_a'+p).value;
 	 setTimeout(function(){ 		 
		 dout=new AJAX('set_dioalias.cgi', function(t){ 
		 	try{eval(t);}catch(e){alert(e);} 
		 }); 
		 dout.doPost('pin='+p+'&val='+str); 		 
	 },300);	 
 }

 </script>  
 <link rel='shortcut icon' type='image/x-icon' href='img/favicon.ico' />
 </head> 
 <body> 
 	 <div id='header'> 	 	 
		 <h1>WIZ550web</h1>
		 <h2>Get/Set Interface Functions Testpage</h2>		
	 </div>	 
	 <div class='usual'>
	 	<h3>Device Information <input type='button' class='btn' value='Get DevInfo' onclick='getDevinfo();'></h3>
		<br>
		<div class='ipt'> 
			<p><label>Firmware version:</label><input type='text' id='txtFwver' size='20' disabled='disabled' value='' /></p> 
			<p><label for='txtDname'>Device name:</label><input type='text' size='20' id='txtDname' name='devname' maxlength='25' value=''/> <input type='button' class='btn' value='Set' onclick='setDevinfo();'></p>
			<p><label>Product code: </label><input type='text' id='txtPcode' size='20' disabled='disabled' value='' /></p> 
			<p><label>MAC address: </label><input type='text' id='txtMac' size='20' disabled='disabled' value='' /></p> 
		</div> 
		<br>
		<h3>Network Configuration <input type='button' class='btn' value='Get NetConf' onclick='getNetinfo();'></h3> 
		<br>
		<div>
			<input type='radio' name='dhcp' id='rdStatic' value='0' onclick='netinfo_block(this.value);' /><label for='rdStatic'>Static IP</label> 
			<input type='radio' name='dhcp' id='rdDhcp' value='1' onclick='netinfo_block(this.value);' /><label for='rdDhcp'>DHCP</label> 
			<input type='button' class='btn' value='Set' param='dhcp' onclick='setNetinfo(this);'>
		</div>
		<div class='ipt'> 			
			<p><label for='txtIp'>Device IP address:</label><input id='txtIp' name='ip' type='text' size='20' value=''/> <input type='button' class='btn' value='Set' param='ip' onclick='setNetinfo(this);'></p> 
			<p><label for='txtGw'>Gateway:</label><input id='txtGw' name='gw' type='text' size='20' value=''/> <input type='button' class='btn' value='Set' param='gw' onclick='setNetinfo(this);'></p> 
			<p><label for='txtSub'>Subnet mask:</label><input id='txtSub' name='sub' type='text' size='20' value=''/> <input type='button' class='btn' id='set_sub' param='sub' value='Set' onclick='setNetinfo(this);'></p> 
			<p><label for='txtDns'>DNS server:</label><input id='txtDns' name='dns' type='text' size='20' value=''/> <input type='button' class='btn' id='set_dns' param='dns' value='Set' onclick='setNetinfo(this);'></p> 
		</div>		
		<br>
		<h3>Serial Port <input type='button' class='btn' value='Get' onclick='getUart0info();'> <input type='button' class='btn' value='Set' param='uart0' onclick='setUartinfo(this);'></h3> 
		<br>
		<div>				 	 
			<label for='selBaud1'>USART1 Baudrate:</label> 
			<select id='selBaud1' name='baudrate'> 						 
				<option value='0'>600</option>
				<option value='1'>1200</option>
				<option value='2'>2400</option> 
				<option value='3'>4800</option> 
				<option value='4'>9600</option> 
				<option value='5'>19200</option> 
				<option value='6'>38400</option> 
				<option value='7'>57600</option> 
				<option value='8'>115200</option>
				<option value='9'>230400</option>
			</select> 
			<label for='selDb1'>Data bit:</label> 
			<select id='selDb1' name='databit'> 						 
				<option>8</option>
				<option>9</option>
			</select> 
			<label for='selParity1'>Parity:</label> 
			<select id='selParity1' name='parity'> 
				<option value='0'>NONE</option> 
				<option value='1'>ODD</option> 
				<option value='2'>EVEN</option> 
			</select> 
			<label for='selStop1'>Stop bit:</label> 
			<select id='selStop1' name='stopbit'> 
				<option>1</option> 
				<option>2</option> 
			</select> 
			<label for='selFlow1'>Flow control:</label> 
			<select id='selFlow1' name='flowcontrol'> 
				<option value='0'>NONE</option> 
				<option value='1'>CTS/RTS</option>
				<option value='2'>RS-422</option> 
				<option value='3'>RS-485</option>  
			</select> 
		</div>
		<br>
		<h3>Digital I/O</h3> 
		<br>		
		<div class='info'>
			<span><b>Pin Direction</b></span>
			<div>[<b>0</b>] = NotUsed, [<b>1</b>] = Input, [<b>2</b>] = Output</div>
			<br>
			<span><b>Pin State</b></span>
			<div>[<b>0</b>] = Low, [<b>1</b>] = High</div>
		</div>
		<div>	
			<b>[Digital I/O #00]</b>				 
			<input type='text' id='txtd_info0' size='10' disabled='disabled' value='' />
			<label for='txtdio_d0'>Direction </label><input type='text' id='txtdio_d0' size='3' value='' /> <input type='button' class='btn' value='Set' pin='0' onclick='setDiodir(this);'>
			<label for='txtdio_s0'>State </label><input type='text' id='txtdio_s0' size='3' value='' /> <input type='button' class='btn' value='Set' pin='0' onclick='setDiostate(this);'>
			<label for='txtdio_a0'>Alias </label><input type='text' id='txtdio_a0' size='25' value='' /> <input type='button' class='btn' value='Set' pin='0'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='0' onclick='getDio(this);'>
		</div>
		<div>	
			<b>[Digital I/O #01]</b>				 
			<input type='text' id='txtd_info1' size='10' disabled='disabled' value='' />
			<label for='txtdio_d1'>Direction </label><input type='text' id='txtdio_d1' size='3' value='' /> <input type='button' class='btn' value='Set' pin='1' onclick='setDiodir(this);'>
			<label for='txtdio_s1'>State </label><input type='text' id='txtdio_s1' size='3' value='' /> <input type='button' class='btn' value='Set' pin='1' onclick='setDiostate(this);'>
			<label for='txtdio_a1'>Alias </label><input type='text' id='txtdio_a1' size='25' value='' /> <input type='button' class='btn' value='Set' pin='1'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='1' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #02]</b>
			<input type='text' id='txtd_info2' size='10' disabled='disabled' value='' />		 
			<label for='txtdio_d2'>Direction </label><input type='text' id='txtdio_d2' size='3' value='' /> <input type='button' class='btn' value='Set' pin='2' onclick='setDiodir(this);'>
			<label for='txtdio_s2'>State </label><input type='text' id='txtdio_s2' size='3' value='' /> <input type='button' class='btn' value='Set' pin='2' onclick='setDiostate(this);'>
			<label for='txtdio_a2'>Alias </label><input type='text' id='txtdio_a2' size='25' value='' /> <input type='button' class='btn' value='Set' pin='2'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='2' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #03]</b>
			<input type='text' id='txtd_info3' size='10' disabled='disabled' value='' />			 
			<label for='txtdio_d3'>Direction </label><input type='text' id='txtdio_d3' size='3' value='' /> <input type='button' class='btn' value='Set' pin='3' onclick='setDiodir(this);'>
			<label for='txtdio_s3'>State </label><input type='text' id='txtdio_s3' size='3' value='' /> <input type='button' class='btn' value='Set' pin='3' onclick='setDiostate(this);'>
			<label for='txtdio_a3'>Alias </label><input type='text' id='txtdio_a3' size='25' value='' /> <input type='button' class='btn' value='Set' pin='3'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='3' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #04]</b>
			<input type='text' id='txtd_info4' size='10' disabled='disabled' value='' />		 
			<label for='txtdio_d4'>Direction </label><input type='text' id='txtdio_d4' size='3' value='' /> <input type='button' class='btn' value='Set' pin='4' onclick='setDiodir(this);'>
			<label for='txtdio_s4'>State </label><input type='text' id='txtdio_s4' size='3' value='' /> <input type='button' class='btn' value='Set' pin='4' onclick='setDiostate(this);'>
			<label for='txtdio_a4'>Alias </label><input type='text' id='txtdio_a4' size='25' value='' /> <input type='button' class='btn' value='Set' pin='4'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='4' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #05]</b>
			<input type='text' id='txtd_info5' size='10' disabled='disabled' value='' />			 
			<label for='txtdio_d5'>Direction </label><input type='text' id='txtdio_d5' size='3' value='' /> <input type='button' class='btn' value='Set' pin='5' onclick='setDiodir(this);'>
			<label for='txtdio_s5'>State </label><input type='text' id='txtdio_s5' size='3' value='' /> <input type='button' class='btn' value='Set' pin='5' onclick='setDiostate(this);'>
			<label for='txtdio_a5'>Alias </label><input type='text' id='txtdio_a5' size='25' value='' /> <input type='button' class='btn' value='Set' pin='5'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='5' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #06]</b>
			<input type='text' id='txtd_info6' size='10' disabled='disabled' value='' />				 
			<label for='txtdio_d6'>Direction </label><input type='text' id='txtdio_d6' size='3' value='' /> <input type='button' class='btn' value='Set' pin='6' onclick='setDiodir(this);'>
			<label for='txtdio_s6'>State </label><input type='text' id='txtdio_s6' size='3' value='' /> <input type='button' class='btn' value='Set' pin='6' onclick='setDiostate(this);'>
			<label for='txtdio_a6'>Alias </label><input type='text' id='txtdio_a6' size='25' value='' /> <input type='button' class='btn' value='Set' pin='6'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='6' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #07]</b>
			<input type='text' id='txtd_info7' size='10' disabled='disabled' value='' />			 
			<label for='txtdio_d7'>Direction </label><input type='text' id='txtdio_d7' size='3' value='' /> <input type='button' class='btn' value='Set' pin='7' onclick='setDiodir(this);'>
			<label for='txtdio_s7'>State </label><input type='text' id='txtdio_s7' size='3' value='' /> <input type='button' class='btn' value='Set' pin='7' onclick='setDiostate(this);'>
			<label for='txtdio_a7'>Alias </label><input type='text' id='txtdio_a7' size='25' value='' /> <input type='button' class='btn' value='Set' pin='7'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='7' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #08]</b>				 
			<input type='text' id='txtd_info8' size='10' disabled='disabled' value='' />
			<label for='txtdio_d8'>Direction </label><input type='text' id='txtdio_d8' size='3' value='' /> <input type='button' class='btn' value='Set' pin='8' onclick='setDiodir(this);'>
			<label for='txtdio_s8'>State </label><input type='text' id='txtdio_s8' size='3' value='' /> <input type='button' class='btn' value='Set' pin='8' onclick='setDiostate(this);'>
			<label for='txtdio_a8'>Alias </label><input type='text' id='txtdio_a8' size='25' value='' /> <input type='button' class='btn' value='Set' pin='8'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='8' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #09]</b>	
			<input type='text' id='txtd_info9' size='10' disabled='disabled' value='' />			 
			<label for='txtdio_d9'>Direction </label><input type='text' id='txtdio_d9' size='3' value='' /> <input type='button' class='btn' value='Set' pin='9' onclick='setDiodir(this);'>
			<label for='txtdio_s9'>State </label><input type='text' id='txtdio_s9' size='3' value='' /> <input type='button' class='btn' value='Set' pin='9' onclick='setDiostate(this);'>
			<label for='txtdio_a9'>Alias </label><input type='text' id='txtdio_a9' size='25' value='' /> <input type='button' class='btn' value='Set' pin='9'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='9' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #10]</b>
			<input type='text' id='txtd_info10' size='10' disabled='disabled' value='' />			 
			<label for='txtdio_d10'>Direction </label><input type='text' id='txtdio_d10' size='3' value='' /> <input type='button' class='btn' value='Set' pin='10' onclick='setDiodir(this);'>
			<label for='txtdio_s10'>State </label><input type='text' id='txtdio_s10' size='3' value='' /> <input type='button' class='btn' value='Set' pin='10' onclick='setDiostate(this);'>
			<label for='txtdio_a10'>Alias </label><input type='text' id='txtdio_a10' size='25' value='' /> <input type='button' class='btn' value='Set' pin='10'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='10' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #11]</b>
			<input type='text' id='txtd_info11' size='10' disabled='disabled' value='' />				 
			<label for='txtdio_d11'>Direction </label><input type='text' id='txtdio_d11' size='3' value='' /> <input type='button' class='btn' value='Set' pin='11' onclick='setDiodir(this);'>
			<label for='txtdio_s11'>State </label><input type='text' id='txtdio_s11' size='3' value='' /> <input type='button' class='btn' value='Set' pin='11' onclick='setDiostate(this);'>
			<label for='txtdio_a11'>Alias </label><input type='text' id='txtdio_a11' size='25' value='' /> <input type='button' class='btn' value='Set' pin='11'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='11' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #12]</b>
			<input type='text' id='txtd_info12' size='10' disabled='disabled' value='' />				 
			<label for='txtdio_d12'>Direction </label><input type='text' id='txtdio_d12' size='3' value='' /> <input type='button' class='btn' value='Set' pin='12' onclick='setDiodir(this);'>
			<label for='txtdio_s12'>State </label><input type='text' id='txtdio_s12' size='3' value='' /> <input type='button' class='btn' value='Set' pin='12' onclick='setDiostate(this);'>
			<label for='txtdio_a12'>Alias </label><input type='text' id='txtdio_a12' size='25' value='' /> <input type='button' class='btn' value='Set' pin='12'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='12' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #13]</b>
			<input type='text' id='txtd_info13' size='10' disabled='disabled' value='' />				 
			<label for='txtdio_d13'>Direction </label><input type='text' id='txtdio_d13' size='3' value='' /> <input type='button' class='btn' value='Set' pin='13' onclick='setDiodir(this);'>
			<label for='txtdio_s13'>State </label><input type='text' id='txtdio_s13' size='3' value='' /> <input type='button' class='btn' value='Set' pin='13' onclick='setDiostate(this);'>
			<label for='txtdio_a13'>Alias </label><input type='text' id='txtdio_a13' size='25' value='' /> <input type='button' class='btn' value='Set' pin='13'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='13' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #14]</b>
			<input type='text' id='txtd_info14' size='10' disabled='disabled' value='' />			 
			<label for='txtdio_d14'>Direction </label><input type='text' id='txtdio_d14' size='3' value='' /> <input type='button' class='btn' value='Set' pin='14' onclick='setDiodir(this);'>
			<label for='txtdio_s14'>State </label><input type='text' id='txtdio_s14' size='3' value='' /> <input type='button' class='btn' value='Set' pin='14' onclick='setDiostate(this);'>
			<label for='txtdio_a14'>Alias </label><input type='text' id='txtdio_a14' size='25' value='' /> <input type='button' class='btn' value='Set' pin='14'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='14' onclick='getDio(this);'>   
		</div>
		<div>	
			<b>[Digital I/O #15]</b>
			<input type='text' id='txtd_info15' size='10' disabled='disabled' value='' />			 
			<label for='txtdio_d15'>Direction </label><input type='text' id='txtdio_d15' size='3' value='' /> <input type='button' class='btn' value='Set' pin='15' onclick='setDiodir(this);'>
			<label for='txtdio_s15'>State </label><input type='text' id='txtdio_s15' size='3' value='' /> <input type='button' class='btn' value='Set' pin='15' onclick='setDiostate(this);'>
			<label for='txtdio_a15'>Alias </label><input type='text' id='txtdio_a15' size='25' value='' /> <input type='button' class='btn' value='Set' pin='15'  onclick='setDioalias(this);'>
			<input type='button' class='btn' value='All Get' pin='15' onclick='getDio(this);'>   
		</div>
		<br>
		<h3>Analog Input (12-bit ADC)</h3> 
		<br>
		<div>	
			<b>[ADC #0]</b>				 
			<label for='txtain_v0'>Value </label><input type='text' id='txtain_v0' size='5' disabled='disabled' value='' /> <input type='button' class='btn' value='Get' pin='0' onclick='getAin(this);'> 
			<div class='analog' style='padding:0px;'><strong id='ain_v0' name='ain' class='ain' style='width:0%;'></strong></div>	
		</div>
		<div>	
			<b>[ADC #1]</b>				 
			<label for='txtain_v1'>Value </label><input type='text' id='txtain_v1' size='5' disabled='disabled' value='' /> <input type='button' class='btn' value='Get' pin='1' onclick='getAin(this);'>
			<div class='analog' style='padding:0px;'><strong id='ain_v1' name='ain' class='ain' style='width:0%;'></strong></div>
		</div>
		<div>	
			<b>[ADC #2]</b>				 
			<label for='txtain_v2'>Value </label><input type='text' id='txtain_v2' size='5' disabled='disabled' value='' /> <input type='button' class='btn' value='Get' pin='2' onclick='getAin(this);'>
			<div class='analog' style='padding:0px;'><strong id='ain_v2' name='ain' class='ain' style='width:0%;'></strong></div>
		</div>
		<div>	
			<b>[ADC #3]</b>				 
			<label for='txtain_v3'>Value </label><input type='text' id='txtain_v3' size='5' disabled='disabled' value='' /> <input type='button' class='btn' value='Get' pin='3' onclick='getAin(this);'>
			<div class='analog' style='padding:0px;'><strong id='ain_v3' name='ain' class='ain' style='width:0%;'></strong></div>
		</div>
	 </div> 
	 <div style='margin:5px 5px; clear:both' > 
	 	<center>
	 	&copy;Copyright 2014 WIZnet Co., Ltd.		
		</center>
	 </div> 	 
 </body> 
 </html>